@media screen and (max-width:599px) {
 

  /*    map*/


  .map {
    width: 100%;
    height: 55vw;
    border-radius: 0vw;
  }
.map_mid_2nd {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 93%;
    font-family: "pretendard Variable";
    overflow: hidden;
    border: 1px solid #211411;
}
.map_search {
    width: 4.3125vw;
    margin-right: 7%;
}

  .map_mid_map_search_mid {
    width: 82%;
    height: 13vw;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 2vw;    
  }

  .map_mid_map_search {
    position: relative !important;
    width: 100%;
    background: white;
    height: 114vw;
    top: 0%;
    z-index: 0;
    overflow: hidden;
    border-radius: 0;
    left: 0;
    border: none;
    border-top: 1px solid #000;
  }

  .map_mid_map_search_top>div {
    color: #000;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5%;
    padding-bottom: 5%;
    font-size: 3.2vw;
  }

  .map_mid_map_search_mid input {
    width: 85%;
    appearance: none;
    border: none;
    outline: none;
    height: 100%;
    padding-left: 8%;
    font-size: 3vw;
  }


  .map_mid_map_search_item {
    font-size: 3.4vw;
    padding: 5% 9%;
  }

  .map_mid_map_search_item_tel {
    margin-top: 2vw;
  }

  .map_mid_map_search_item_title {
    font-size: 4.3vw;
  }

  .map_mid_map_search_bottom {
    overflow: scroll;
    height: 100%;
    width: 100%;
  }

  .map_mid_map_search_item_address {
    margin-top: 4%;
    margin-bottom: 0;
  }

  p.popup_right_2nd {
    font-weight: 600;
    width: 100%;
    font-size: 4.1vw;
    padding-bottom: 3%;
    box-sizing: border-box;
    font-family: 'pretendard variable';
  }

  .map_plus {
width: 9.4%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 11%;
    cursor: pointer;
  }
.map_link {
    width: 42.881%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4vw;
}

/* map */
  /*  popup  */
  .popup_right>div>div:nth-child(1) {
    width: 27%;
  }

  .popup_right_1st {
    color: #E3C179;
    width: 78%;
    margin-bottom: 1%;
    text-align: left;
    justify-content: center;
    align-items: center;
    font-size: 4.2vw;
    margin-top: 6%;
    text-align: center;
  }

  div.popup {
    width: 84%;
    height: 109vw;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 0%;
  }

  .popup_right_3rd .popup_right_3rd_right {
    width: 72%;
  }


  .map_mid_2nd {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin-bottom: 0%;
  }


  .popup_img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    height: 50%;
    overflow: hidden;
    margin-top: 0%;
    margin-bottom: 0%;
  }

  .popup_top_absol {
    width: 12.4369%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 6%;
    left: unset;
  }

  .popup_top_absol_2nd {
    width: 96.6687%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 13%;
    left: unset;
  }

  .popup_img {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    height: 50%;
    overflow: hidden;
  }

  .holme_close {
    width: 100%;
  }

  .popup_close {
    top: 2% !important;
    right: 5% !important;
    height: 7.5vw;
    width: 7.5vw !important;
    z-index: 10 !important;
    background-color: white;
    border-radius: 50%;
  }

  .popup_close .absol {
    background-color: #09221c;
  }

  .fixed_popup {
    z-index: 500000000;
  }


  .con01pop_05 {
    width: 100%;
  }

  .popup_right_6th_left {
    width: 40.15%;
  }

  .popup_img_con {
    overflow: hidden;
    width: 100%;
    scale: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    border: none;
  }

  .popup_right_2nd {
    font-weight: 600;
    width: 100%;
    font-size: 4.56vw;
    padding-bottom: 5%;
    padding-left: 0%;
    text-align: center;
  }

  .popup_right {
    width: 100%;
    height: 50%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding-left: 0;
    padding-top: 10%;
  }

  .popup_right>div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin-top: 5%;
    margin-left: 0%;
  }

  .popup_right>div>div:nth-child(1) {
    width: 28%;
    font-size: 3.6vw;
    margin-right: 2.5vw;
  }

  .popup_right>div>div:nth-child(2) {
    font-weight: 400;
    font-size: 3.5vw;
    width: 84%;
  }

  /* popup */
}
@media screen and (max-width:599px) {
  :root {
    --size-10: 1.75vw;
    --size-11: 1.93vw;
    --size-12: 2.10vw;
    --size-13: 2.28vw;
    --size-14: 2.45vw;
    --size-15: 2.63vw;
    --size-16: 2.80vw;
    --size-17: 2.98vw;
    --size-18: 3.15vw;
    --size-19: 3.33vw;
    --size-20: 3.50vw;
    --size-21: 3.68vw;
    --size-22: 3.85vw;
    --size-23: 4.03vw;
    --size-24: 4.20vw;
    --size-25: 4.38vw;
    --size-26: 4.55vw;
    --size-27: 4.73vw;
    --size-28: 4.90vw;
    --size-29: 5.08vw;
    --size-30: 5.25vw;
    --size-31: 5.43vw;
    --size-32: 5.60vw;
    --size-33: 5.78vw;
    --size-34: 5.95vw;
    --size-35: 6.13vw;
    --size-36: 6.30vw;
    --size-37: 6.48vw;
    --size-38: 6.65vw;
    --size-39: 6.83vw;
    --size-40: 7.00vw;
    --size-41: 7.18vw;
    --size-42: 7.35vw;
    --size-43: 7.53vw;
    --size-44: 7.70vw;
    --size-45: 7.88vw;
    --size-46: 8.05vw;
    --size-47: 8.23vw;
    --size-48: 8.40vw;
    --size-49: 8.58vw;
    --size-50: 8.75vw;
    --size-51: 8.93vw;
    --size-52: 9.10vw;
    --size-53: 9.28vw;
    --size-54: 9.45vw;
    --size-55: 9.63vw;
    --size-56: 9.80vw;
    --size-57: 9.98vw;
    --size-58: 10.15vw;
    --size-59: 10.33vw;
    --size-60: 10.50vw;
    --size-61: 10.68vw;
    --size-62: 10.85vw;
    --size-63: 11.03vw;
    --size-64: 11.20vw;
    --size-65: 11.38vw;
    --size-66: 11.55vw;
    --size-67: 11.73vw;
    --size-68: 11.90vw;
    --size-69: 12.08vw;
    --size-70: 12.25vw;
    --size-71: 12.43vw;
    --size-72: 12.60vw;
    --size-73: 12.78vw;
    --size-74: 12.95vw;
    --size-75: 13.13vw;
    --size-76: 13.30vw;
    --size-77: 13.48vw;
    --size-78: 13.65vw;
    --size-79: 13.83vw;
    --size-80: 14.00vw;
    --size-81: 14.18vw;
    --size-82: 14.35vw;
    --size-83: 14.53vw;
    --size-84: 14.70vw;
    --size-85: 14.88vw;
    --size-86: 15.05vw;
    --size-87: 15.23vw;
    --size-88: 15.40vw;
    --size-89: 15.58vw;
    --size-90: 15.75vw;
    --size-91: 15.93vw;
    --size-92: 16.10vw;
    --size-93: 16.28vw;
    --size-94: 16.45vw;
    --size-95: 16.63vw;
    --size-96: 16.80vw;
    --size-97: 16.98vw;
    --size-98: 17.15vw;
    --size-99: 17.33vw;
    --size-100: 17.50vw;
  }

section img {
  width: 100%;
}


.intro {
  height: 102vw;
  margin-top: 15vw;
  background-color: #C70462;
}

.main01_05 {
  display: none;
}
.main01_01 {
  display: none;
}
.main01_06 {
  display: none;
}
.main01_08 {
    width: 55.9739%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 1;
}
.main {
    background-image: url(/images/main02_bg.png);
    padding-top: 5vw;
}
.main_cover {
    width: 93.1812%;
    height: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 3vw;
    overflow: hidden;
}
.main_absol_cover {
    padding-top: 10vw;
    overflow: hidden;
}
.main02_03 {
    width: 79.0646%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 5vw;
}
.main02_04 {
    width: 89.6984%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.main_tt01 {
    font-size: var(--size-24);
    font-weight: 600;
    margin-top: 5vw;
    line-height: 1.5;
}
.main_change_img {
  width: 80%;
  height: 61vw;
}
.main_change_img {
    height: 60vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    transition: background 0.3s;
    margin-top: -33vw;
}
.main02_09 {
    width: 300.788%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con01_main {
    width: 100.788%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con01_row {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 5vw 0;
}
.con01_row01_main {
    width: 91%;
    height: auto;
    background-color: #fff;
    border-radius: 4vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    padding-top: 10vw;
    padding-bottom: 41vw;
}
.con01_01 {
    width: 70.6839%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 4vw;
}
.con01_03 {
    width: 85.9127%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con01_row02 {
    background-image: url(/images/con01_06.png);
    padding: 10vw 0;
}
.con01_row02_slide {
    width: 91%;
    height: 90vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con02 {
    padding-top: 15vw;
    padding-bottom: 15vw;
}
.con02_01 {
    width: 88.8347%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 10vw;
}
.con02_03 {
    width: 25.7648%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: -34%;
}
.con02_tt01 {
    font-size: var(--size-22);
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 6vw;
}
.con02_move {
    width: 94.2862%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
    padding-top: calc(var(--vw) * 2.5);
    mask-image: none;
    background-position: bottom;
    border-radius: 4vw;
    padding: 12vw 0;
    position: relative !important;
    transform: translateY(0);
}
.con02_tt_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.con02_06 {
    width: 76.7287%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative !important;
    align-self: flex-end;
    margin-top: 6vw;
}
.con02_num {
    width: 48%;
    height: 11vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #FFF0F7;
    border-radius: 50vw;
    margin-bottom: 10vw;
}
.flow_ice {
    width: 33vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con02_move_title {
    height: 25vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con02_tt02 {
    font-size: var(--size-20);
    font-weight: 400;
    line-height: 1.5;
    margin-top: 5vw;
    text-align: center;
}
.con02_08 {
    width: 75.0007%;
    left: auto;
    bottom: auto;
    position: relative !important;
    margin-top: 5vw;
    margin-bottom: -29vw;
}
.con02_move02_bot_absol {
    width: 310.408%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: 0%;
}
.con02_26 {
    width: 76.2278%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    right: auto;
    bottom: auto;
  position: relative !important;
    margin-top: 5vw;
    margin-bottom: -29vw;
}
.con02_move04_right {
    width: 85%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    right: auto;
    position: relative !important;
    margin-top: 10vw;
}
.con02_16 {
    width: 30.94889%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 5vw;
    z-index: 1;
}
.con02_21 {
    width: 52.8932%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    left: 29%;
    top: -27%;
}
.con03 {
  height: auto;
  position: relative !important;
  order: 1;
}
.con04 {
    clip-path: circle(100% at 50% 50%);
    overflow: hidden;
}
.con04_01 {
    width: 70.1917%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 6vw;
}
.con04_cover {
    padding-top: 15vw;
    padding-bottom: 15vw;
}
.con04_tt01 {
  margin-bottom: 3vw;
}
.con04_ct {
    width: 73vw;
    font-size: 13vw;
    white-space: nowrap;
    font-weight: 900;
    text-align: end;
}
.con04_02 {
    width: 7.88461%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-self: flex-end;
    margin-bottom: 1%;
    margin-left: -1%;
}
.con04_ct_tt {
    font-size: var(--size-22);
    font-weight: 400;
    right: 11.6%;
    bottom: -26%;
}
.con04_ct_wrap {
    margin-bottom: 10vw;
}
.con04_slide_item {
    width: 50vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con04_slide_tt01 {
    color: #fff0f7;
    font-weight: 700;
    margin-top: 6%; 
    font-size: var(--size-22);
}
.con04_slide_tt02 {
    font-size: var(--size-36);
    font-weight: 900;
    color: #C70462;
    margin-top: 14%;
}
.con04_slide_tt03 {
    font-size: var(--size-18);
    font-weight: 400;
    color: #C70462;
    margin-top: 2%;
}
.con04_slide .swiper-slide {
    width: auto !important;
    margin-right: 4vw;
}
.con04_05 {
    width: 250.788%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con03_col {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con03_col_item {
  width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10vw 0;
    border-bottom: 1px solid #fff;
}
.con03_col_line {
  display: none !important; 
}
.con03_main {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con03_col:last-child .con03_col_item02 {
  border-bottom: none;
}
.con03_col_tt02 {
    color: #FFF291;
    font-size: 13vw;
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: -2.5vw;
}
.con03_col_tt02 .white {
    font-size: var(--size-30);
    font-weight: 600;
    margin-bottom: 2vw;
    margin-left: 2vw;
}
.con05_01 {
    width: 200.788%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 15vw;
}
.con05_02 {
    width: 72.7035%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 3vw;
}
.con05_top_tt {
    font-size: var(--size-20);
    margin-top: calc(var(--vw) * 1.5);
    margin-bottom: 6vw;
    line-height: 1.5;
}
div.con05_row_wrap {
  flex-direction: column;
    gap: 5vw;
    margin-bottom: 4vw;
}
.con05_row {
    width: 67.7219%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con05_row_circle {
    width: 38vw;
    height: 38vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #FFF0F7;
    border: 1px solid #C70462;
    box-sizing: border-box;
    border-radius: 50%;
    overflow: hidden;
}
.con05 {
    background-image: url(/images/con05_bg.png);
    background-position: bottom;
    padding-bottom: 15vw;
}
.con06 {
    padding-top: 15vw;
    padding-bottom: 15vw;
}
.con06_01 {
    width: 74.3518%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 8vw;
}
.con06_03 {
    width: 25.1395%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: -19%;
}
.con06_col {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #fff;
    top: 0%;
    position: relative !important;
    transform: translateY(0);
}
.con06_main {
    width: 91%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: calc(var(--vw) * 0);
    overflow: hidden;
    gap: 6vw 0;
}
div.con06_col_line {
  display: none;
}
.con06_col_row {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 0;
    overflow: hidden;
}
.con06_col_row02_top {
    height: 21vw;
    background-color: #FFF0F7;
    border-bottom: 1px solid #C70462;
}
.con06_num {
    height: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    margin-left: 5vw;
    margin-bottom: 1vw;
}
.con06_col_row02_top_tt02 {
  width: unset !important;
  height: 6vw;
    align-self: flex-end;
    margin-right: 5vw;
    > img {
      width: unset !important;
      height: 100%;
    }
}
.con06_col_row02_bot_tt01 {
    height: 13vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 5vw;
}
.con06_col_row02_bot {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 8vw;
    padding-bottom: 8vw;
}
.con06_col_row02_bot_tt02 {
    height: 8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 5vw;
}
.con06_col_row02_bot_tt03 {
    font-size: var(--size-20);
    color: #282828;
    margin-top: calc(var(--vw) * 1);
    line-height: 1.5;
    text-align: center;
    font-weight: 400;
}
div.con07_main {
    justify-content: center;
    flex-direction: column;
    gap: 1vw;
}
.con07_row {
    width: 100%;
    height: 114vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: none;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}
.con07_row_tt01 {
    height: 10vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con07_row_tt02 {
    font-weight: 600;
    font-size: var(--size-32);
    margin: 4vw 0 3vw;
    opacity: 0;
    transition: opacity 0.3s;
}
.con07_row.con07_change .con07_row_bot {
    bottom: -9%;
}
.con07_13 {
    margin-top: -30vw;
    transition: transform 3s;
    transition-delay: 0.3s;
}
.con08_top {
    width: 250.788%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con08_main {
    width: 94%;
    height: auto;
    background-color: #FFFDE8;
    border-radius: 6vw;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    margin-top: calc(var(--vw) * 2.5);
    overflow: hidden;
    padding-bottom: 15vw;
}
.con08_03 {
    width: 68.5614%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-top: 15vw;
    margin-bottom: 3vw;
}
.con08_05 {
    width: 92.4405%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 3vw;
}
.con08_sd01 {
    width: 486.298%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 8%;
    margin-bottom: 2.5%;
}
.con08_sd02 {
    width: 489.853%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 2.5%;
}
.con08_sd03 {
    width: 570.941%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con08_06 {
    width: 54.6116%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: -54vw;
    margin-bottom: -20vw;
}
.con09 {
    background-image: url(/images/con09_bg.png);
    padding-top: 15vw;
    margin-top: calc(var(--vw) * -11.5);
    padding-bottom: 15vw;
}
.con09_tab {
    width: 40vw;
    height: 12vw;
    border-radius: 50vw;
    border: 1px solid #FFF0F7;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}
.con09_tab_img {
    height: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con09_tab_wrap {
    gap: 3vw;
    margin-bottom: 12vw;
}
.con09_box01_tt01 {
    font-size: var(--size-25);
    font-weight: 400;
    margin-bottom: 4vw;
    text-align: center;
    line-height: 1.5;
}
.con09_box01_slide {
    width: 91%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.con09_box01_slide_item {
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.con09_box01_slide_img_wrap {
    width: 100%;
    height: 43vw;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: calc(var(--vw) * 1.5);
    overflow: hidden;
}
.con09_box01_slide_img {
    width: 95%;
    height: 96%;
    box-sizing: border-box;
    border: calc(var(--px) * 2) solid #C70462;
    border-radius: calc(var(--vw) * 1.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.con09_box01_slide_arr_wrap {
    gap: 2vw;
    margin-top: 5vw;
}
.con09_arr {
    width: 22.13921%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
div.con09_box02_item {
    align-items: center;
    gap: 0vw;
    flex-direction: column;
    padding-bottom: 0;
}
.con09_box02_row_tt {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--size-16);
    font-weight: 500;
    color: #C70462;
    margin-top: 2vw;
}
.con09_box02_left {
    width: 56.6589%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: -5vw;
}
.con09_box02_right {
    width: 87%;
    height: 90vw;
    background-color: #fff;
    border: 1.5vw solid #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: calc(var(--vw) * 3.5);
}
.con09_step {
    width: 17vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 4vw;
}
.con09_box02_right_item_tt01 {
    width: fit-content;
    height: 5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 3vw;
}
.con09_box02_right_item_tt02 {
    margin-top: calc(var(--vw) * 1);
    line-height: 1.5;
}
.con09_box02_right_item {
    width: 87%;
    height: 88%;
    overflow-y: scroll;
    padding-right: 1vw;
    box-sizing: border-box;
}
.con09_box02_row {
    width: 20vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con09_box02_row_img {
    width: 100%;
    height: 20vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #C70462;
    border-radius: 50%;
    overflow: hidden;
}
.con09_box02_row_wrap {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4vw 3vw;
    margin-top: 5vw;
}
.con09_box02_right_scroll {
    width: 0.6vw;
    height: 83%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    right: 6%;
    background-color: #FFF0F7;
}
.con09_box02_next {
    z-index: 1;
    right: 8%;
    cursor: pointer;
    top: 28%;
}
.con10_top {
    background-image: url(/images/con10_bg.png);
    padding-top: 15vw;
    padding-bottom: 15vw;
    z-index: 1;
}
.con10_11 {
    width: 63.3072%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 5vw;
}
.con10_top_tt {
    font-size: var(--size-20);
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 6vw;
}
.con10_slide_item {
    width: 52vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con10_slide .swiper-slide {
    width: auto;
    margin-right: 3vw;
}
.con10_bg02 {
    width: 300.788%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top: 0%;
    transform: translateY(-50%);
}
.con10_07 {
    width: 48.1025%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: -21%;
}
.con10_bot {
    height: 60vw;
    background-image: url(/images/con10_10.png);
    background-attachment: fixed;
    /* background-position-y: calc(var(--vw) * -25); */
    background-position: center center;
    background-size: 200%;
    background-repeat: no-repeat;
}
.con11 {
    background-color: #FFF0F7;
    padding-top: 15vw;
}
.con11_11 {
    width: 83.9607%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 6vw;
}
.con11_13 {
    width: 25.1653%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: -19%;
}
.con11_02 {
    width: 69.5329%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con11_tt01 {
    font-size: var(--size-20);
    font-weight: 400;
    margin-bottom: 11vw;
}
.con11_03 {
    width: 46.2938%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: 0%;
    right: -25%;
}
.con11_sd_img {
    width: 47vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 0.3;
}
.con11_sd .swiper-slide {
    width: auto;
    height: auto;
    margin-bottom: 3vw;
}
.con12 {
    padding-top: 15vw;
    padding-bottom: 15vw;
}
.con12_01 {
    width: 82.9765%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 9vw;
}
.con12_03 {
    width: 33.2972%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: -26%;
}
.con12_tt01 {
    font-size: var(--size-20);
    font-weight: 400;
    margin-bottom: 8vw;
}
.con12_row.con12_change {
    transform:  translateY(0%);
    .con12_row_h {
        border-radius: 0;  
    }
} 
.con12_row_wrap {
    margin-bottom: 8vw;
    flex-wrap: wrap;
    gap: 1vw;
}
.con12_row {
    width: 47.5775%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    perspective: 1200px;
    cursor: pointer;
    transition: transform 0.6s;
}
.con12_10 {
  display: none;
}
.con12_11 {
  display: none;
}
.con12_col {
    width: 89%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #C70462;
    border: 1px solid #C70462;
    overflow: hidden;
    border-radius: 4vw;
}
div.con12_col_inner {
    height: auto;
    flex-direction: column;
    gap: 7vw;
}
.con12_col_left {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con12_col_point {
    width: 17.7836%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-self: center;
    margin-right: 0;
    margin-top: 8vw;
    margin-bottom: 5vw;
}
.con12_col_left_tt_wrap {
    align-self: center;
    margin-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.con12_col_left_tt01 {
    height: 15vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con12_14 {
    width: 69vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 5vw 0 4vw;
}
.con12_col_left_tt02 {
    font-weight: 700;
    font-size: var(--size-30);
    color: #fff;
    margin-bottom: 3vw;
    line-height: 1.3;
}
.con12_col_left_tt03 {
    font-size: var(--size-22);
    line-height: 1.3;
    margin-bottom: 3vw;
}
.con12_col_img {
    width: 100%;
    height: 60vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow: hidden;
}
.con12_col_wrap {
    gap: 4vw;
}
.con13_main {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px solid #C70462;
    overflow: hidden;
    padding: 15vw 0 0;
}
.con13_left {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-self: center;
}
.con13_02 {
    width: 48.6001%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 5vw;
}
.con13_right {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    box-sizing: border-box;
    border: none;
}
.con13_right_col {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    border-bottom: 1px solid #C70462;
    padding-bottom: 10vw;
}
.con13_right_col:first-child {
  border-top: 1px solid #C70462;
}
.con13_right_type {
    width: 22.2501%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    left: 5%;
    top: 6%;
}
.con13_right_col_item {
    width: 91.3751%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: calc(var(--vw) * 1.5);
    margin-top: 16vw;
}
.con13_right_col_item_tt01 {
    height: 7vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con13_right_col_item_top {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    gap: 3vw;
    margin-bottom: 4vw;
}
.con13_right_col_item_tt02 {
    width: 100%;
    font-size: var(--size-22);
    line-height: 1.5;
}
.con14 {
    background-image: url(/images/con14_bg.png);
    padding-top: 3vw;
}
.con14_main {
    width: 94%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    overflow: hidden;
    border-radius: 4vw;
    box-sizing: border-box;
    padding-top: 10vw;
    padding-bottom: 10vw;
}
.con14_01 {
    width: 80.6902%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 8vw;
}
.con14_03 {
    width: 26.5958%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: -33%;
}
.con14_tab {
    height: 14vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: var(--size-25);
    font-weight: 500;
    color: #C70462;
    padding: 0 calc(var(--vw) * 1.5);
    transition: font-weight 0.3s;
    cursor: pointer;
}
.con14_tab::after {
    content: "";
    width: 0%;
    height: 1vw;
    background-color: #C70462;
    bottom: 0%;
    position: absolute;
    transition: width 0.3s;
}
.con14_tab_wrap {
    gap: calc(var(--vw) * 8);
    border-top: 1px solid #C70462;
    border-bottom: 1px solid #C70462;
    margin-bottom: 6vw;
}
.con14_box {
    width: 90.7252%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con14_15 {
    width: 52.3229%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 7vw;
    margin-bottom: 8vw;
}
.con15_main {
    width: 94%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: #fff;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 4vw;
    padding-top: 10vw;
    padding-bottom: 10vw;
}
.con15_01 {
    width: 89.0118%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 9vw;
}
.con15_02 {
    width: 23.6924%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: -46%;
}
.con15_row_wrap {
    width: 91%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 3vw 0vw;
}
.con15_row {
    width: 46%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con15_arr {
    width: 5.32329%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    left: 106%;
    margin-top: 6%;
}
.con15_row:nth-child(2n) .con15_arr {
    display: none;
}
.con15_14,
.con15_11,
.con15_13 {
    display: none;
}
.con16 {
    background-image: url(/images/con16_bg.png);
    padding: 15vw 0;
}
.con16_left {
    width: 75%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-left: 0;
}
.con16_main {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con16_03 {
    width: 27.2728%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: -14%;
    margin-right: 0;
}
.con16_left_tt {
    font-size: var(--size-22);
    white-space: nowrap;
    margin-top: 9vw;
}
.con16_slide {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 7vw 0 0;
}
.con16_slide_item {
    width: 52vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    perspective: 1200px;
    transition: transform 0.6s;
}
.con16_slide .swiper-slide {
    width: auto;
    margin-right: 6vw;
}
.con17_01 {
    width: 300.788%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 15vw;
}
.con17_02 {
    width: 45.4384%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 11vw;
}
.con17_03 {
    width: 34.6876%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: -37%;
}
.con17_06 {
    width: 33%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.con17_bot_sd {
    width: 67%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
    font-size: var(--size-16);
    color: #C70462;
    font-weight: 500;
    border: 1px solid #C70462;
}
.con17_bot {
    height: 10vw;
    margin-top: -1px;
}
.con17_bot_sd .swiper-slide {
    width: auto;
    flex-direction: row;
    margin-right: 5vw;
}
.con17_bot_sd_tt01 {
    margin-right: 2vw;
}
.con18 {
    background-image: url(/images/con18_bg.png);
    padding-top: 15vw;
}
.con18_01 {
    width: 48.1628%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: calc(var(--vw) * 3);
}
.con18_02 {
    width: 29.9654%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: -46%;
}
.con18_04 {
    width: 200.788%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: calc(var(--vw) * 3);
}
.con11_sd {
    pointer-events: none;
}
.con16_02 {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    right: 24.2%;
    top: -4%;
}
.con14_08 {
    width: 3.13945%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    left: 52.5%;
    transform: translateY(-13%);
}
.con14_07 {
    width: 33.1421%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    right: 6%;
    top: 14.5%;
}
.con14_09 {
    width: 40.6346%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: 11%;
    right: -2%;
}
.con14_10 {
    display: none;
}
.con14_14 {
    width: 45.2771%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: 2.5%;
    left: 52.5%;
}



}